<template>
  <div class="m-hr" :class="{thick: thick}"></div>
</template>

<script setup>
	import { reactive } from 'vue'

	const props = defineProps({
		thick: {
			type: Boolean,
			default: false
		}
	})

</script>

<style lang="less" scoped>
.m-hr {
	width: 100%;
	border-bottom: 1px solid #ECECEC;
	&.thick {
		border-bottom: 10px solid #F4F5F7;
	}
}
</style>